<template>
    <div>
        <div class="index-content">
            <div style="flex:0 1 40%">
                <div class="content">
                    <charts :chartsColor="'#fac858'" :chartsType="'line'" />
                </div>
            </div>
            <div style="flex:0 1 60%">
                <div class="content">
                    <charts2 :chartsColor="'#ee6666'" :chartsType="'bar'" />
                </div>
            </div>
        </div>
    </div>
</template>
<script setup>
import { onMounted, ref } from 'vue';
import charts from './charts.vue'
import charts2 from './charts2.vue'
const main = ref(null)
onMounted(() => {

})
</script>
  
<style scoped>
.index-content {
    display: flex;
    justify-content: space-around;
}
</style>
  